
let uu = $('.nav').get(0);
let pp = $('min-nav').get(0);
fetch('http://chst.vip:1234/api/getcategorytitle')
    .then(body => body.json())
    .then(res => {
        // console.log(res)
        let r = res.result
        // console.log(r)
        let el = ''
        let regExp = /(?<=imgurl=)[^'"]*/;
        r.forEach(item => {
            let title = item.title
            // console.log(title)
            el += `
        <li titleid="${item.titleId}">
            <b class="title">${title}<div></div></b>
            <div class="min-nav">

            </div>
        </li>`
        });
        uu.innerHTML = el
        $('.nav').find('.min-nav').slideUp(0, function () {
            $('.nav').css('display', 'block')
            $('.min-nav').prop('flag', false)
        })
        
        $('li').on('click', 'b', function () {
            let flag = $(this).siblings().prop('flag')
            if (flag) {
                $(this).siblings().slideUp(200).prop('flag', false)
                return
            }
            $(this).siblings().slideDown(200).prop('flag', true).parent().siblings().find('.min-nav').slideUp(200).prop('flag', false)
            let titleid = $(this).parent().attr('titleid')
            fetch(`http://chst.vip:1234/api/getcategory?titleid=${titleid}`)
            .then(body => body.json())
            .then(res => {
            //   console.log(res.result)
              let el = "";
            //   console.log(res.result)
              res.result.forEach(item => {
                // console.log(item.category)
                el += `<p categoryId=${item.categoryId}>${item.category}</p>`
              })
            //   console.log(el)
            //   console.log($(this))
              $(this).siblings().after().html(el)
            //   $(this).parent().siblings().find('ul').after().html(el)
            })
            $('.min-nav').on('click','p',function(){
                let categoryId =$(this).attr('categoryId')
                // console.log(categoryId)
                location.href=`./page1-1.html?categoryId=${categoryId}`
            })
              
            
        })
    })

//    let fhzy = $('.fhzy').get(0)
//    fhzy.onclick=function(){
//     location.href = "../index.html"
//    }
//    let fh = $('.register p:nth-of-type(3)').get(0)
// fh.onclick=function(){
//     document.documentElement.scrollTop=0
// }